<template>
    <!-- Footer -->
    <div class="footer">
        <p>版权所有 &copy; 农业外来入侵物种</p>
    </div>
</template>

<style scoped>
/* 底部样式 */
.footer {
    background-color: #16407A;
    color: white;
    text-align: center;
    padding: 20px;
    position: static; /* 默认定位 */
    clear: both; /* 清除浮动 */
}

.footer p {
    font-size: 14px;
    line-height: 1.5;
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}
</style>
